* {
  margin: 0;
  padding: 0;
  touch-action: pan-y;
}

html {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #333333;
  letter-spacing: 0.03rem;
  body {
    width: 100%;
    height: 100%;
    font-size: 0.14rem;

    #app {
      width: 100%;
      height: 100%;
    }
  }
}

input {
  outline: none;
  &::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #c5c5c5;
  }
  &:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c5c5c5;
    opacity: 1;
  }
  &::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c5c5c5;
    opacity: 1;
  }
  &:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c5c5c5;
  }
  &::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #c5c5c5;
  }
  &::placeholder {
    /* Most modern browsers support this now. */
    color: #c5c5c5;
  }
}